/**
 * insertBefore()在当前节点的某个子节点之前插入一个节点
 * 语法：var insertedElement = parentElement.insertBefore(newElement, referenceElement);
 * 如果referenceElement为null则newElement将被插入到子节点的末尾。如果newElement已经在DOM树中，newElement首先会从DOM树中移除。
 * insertedElement 是被插入的节点，即 newElement
 * parentElement  是新插入节点的父节点
 * newElement 是被插入的节点
 * referenceElement 在插入newElement之前的那个节点
 **/
// 创建一个新的span元素
var sp1 = document.createElement("p");
sp1.textContent = 'ss';

// 得到在插入newElement之前的那个节点
var sp2 = document.getElementById("childElement");
// 得到一个父元素的引用
var parentDiv = sp2.parentNode;

// 将新元素插入到DOM sp2之前
parentDiv.insertBefore(sp1, sp2);